<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>KINEPOLIS - Projet 2013</title>
	<!-- stylesheets  onglet connection-->
	<link rel="stylesheet" href="Css/style.css" type="text/css" media="screen" /> 
	<link rel="stylesheet" href="Css/slide.css" type="text/css" media="screen" />
	
</h:head>
<h:body>
		<div class="">
			<h:form>
				<h:dataTable value="#{movieManagedBean.allMovies()}" var="film">
					<h:column>
						<h:panelGrid class="back" columns="1">	
							<h:panelGroup>
								<h:outputText class="titre" value="#{film.nom}"/>
							</h:panelGroup>
							<h:panelGroup>`
								<h:graphicImage class="image" value="#{film.lienPhoto}" />
							</h:panelGroup>
							<h:panelGroup>
								<h:outputLabel class="subTitre">Genre : </h:outputLabel>
								<h:outputText class="textTitre" value="#{film.genre}"/>							
							</h:panelGroup>
							<h:panelGroup>
								<h:outputText class="synopsis" value="#{film.synopsis}"/>
							</h:panelGroup>
							<h:panelGroup>
								<h:outputLabel class="subTitre">Langue : </h:outputLabel>
								<h:outputText class="textTitre" value="#{film.langue}"/>
							</h:panelGroup>
							<h:panelGroup>
								<h:outputLink class="subTitre" value="#{film.lienBA}">
								Lien vers la vidéo
								</h:outputLink>
							</h:panelGroup>
							<h:panelGroup>
								<h:outputLabel class="subTitre">Réalisateur : </h:outputLabel>
								<h:outputText class="textTitre" value="#{film.reali}"/>							
							</h:panelGroup>
							<h:panelGroup>
								<h:outputLabel class="subTitre">Date de sortie : </h:outputLabel>
								<h:outputText class="textTitre" value="#{film.dateSortie}"/>								
							</h:panelGroup>
						</h:panelGrid>
					</h:column>	
				</h:dataTable>
			</h:form>
		</div>
</h:body>
</html>